<template>
  <div style="width: 90%; height: 500px; margin: 0 auto">
    <vueMiniPlayer
      ref="vueMiniPlayer"
      v-if="playVideo"
      :video="video"
      :mutex="true"
      @fullscreen="handleFullscreen"
    />
  </div>
</template>
<script>
export default {
  props: {
    video: {
      type: Object,
      default: () => {
        return {
          url: "",
          // 视频海报
          // cover: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png',
          muted: false, // 是否静音播放
          loop: false, // 视频是否循环播放
          preload: "auto", // 视频预加载
          poster: "", // 原生视频默认海报暂不设置
          volume: 1, // 默认音量
          autoplay: false, // 视频自动播放
        };
      },
    },
    playVideo: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    handleFullscreen() {},
  },
};
</script>

<style>
</style>